<template>
<!-- 产品配置管理 新增配置模态框 -->
    <div>
        <el-form :model="form" label-width="100px" label-position="left" size="medium">
            <el-form-item label="借款周期">
                <el-select v-model="form.room" placeholder="请选择周期">
                    <el-option label="7天" value="1"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="设备型号">
                <el-select v-model="form.style"  placeholder="请选择设备">
                    <el-option v-for="(item,index) in iphone" :key="index"
                    :label="item.label" :value="item.value" ></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="服务费比例">
                <el-input v-model="form.rote" placeholder="请输入比例"></el-input>
            </el-form-item>
            <el-form-item label="可借额度">
                <el-input v-model="form.du" placeholder="请输入可借额度"></el-input>
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                form: {
                    room: '',
                    du: '',
                    style: '',
                    rote: '',
                },
                iphone:[{
                    label:'iPhone 1',value:'iPhone 1'
                },
                {
                    label:'iPhone 2',value:'iPhone 2'
                },
                {
                    label:'iPhone 3',value:'iPhone 3'
                },
                {
                    label:'iPhone 4',value:'iPhone 4'
                },
                {
                    label:'iPhone 5',value:'iPhone 5'
                }]
            }
        }
    }
</script>
<style lang="scss" scoped>
.el-select{
display: block;
}
</style>
